<template>
  <div style="margin:15px;">    
    <h1>{{ msg }}<Icon name="user" size="25" color="#ccc"></Icon></h1>
    <Button className="danger" icon="user" @click="defaultHandleClick">Default</Button>
  </div>
</template>
<script>
import Icon from '../components/icon'
import Button from '../components/button'
import Layer from '../plugins/layui/layer/layer'

export default {
  name: 'body',
  components: { Icon, Button },
  data () {
    return {
      msg: 'This is main page/'
    }
  },
  methods: {
    defaultHandleClick (e) {
      Layer.alert('click default')
    }
  },
  mounted () {
    Layer.msg('xxx')
  }
}
</script>

<style scoped>

</style>
